<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>222</li>
		</ul>
		<script type="text/javascript">
			//1.创建元素节点
			var li=document.createElement("li");
			//2.添加节点 node.appendElement(child)	在所有子系欸但之后追加
			var ul=document.querySelector("ul");
			ul.appendChild(li);
			//3.添加节点 node.insertBefore(child,指定元素);
			var lili=document.createElement("li");
			ul.insertBefore(lili,ul.children[0]);
			//4.在页面添加一个新元素; 创建一个元素, 添加元素
			
			
		</script>
	</body>
</html>
